<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <!-- 设置视口属性 -->
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>title</title>
  <script type="text/javascript">
    // 根据屏幕的宽度 来设置 html的 font-size
    // 设备的宽度
    console.log(window.screen.width);
    // 浏览器 可用的宽度
    // 移动端 用上下 两个都是可以
    console.log(window.screen.availWidth);
    // 计算 font-weight
    var fontSize = window.screen.availWidth / 20;
    document.querySelector('html').style.fontSize = fontSize + 'px';
    window.onresize = function () {
      // 计算 font-weight
      var fontSize = window.screen.availWidth / 20;
      document.querySelector('html').style.fontSize = fontSize + 'px';
    }
    // 跟媒体查询比 在移动端使用 没有优劣之分  
    // 面试问道 媒体查询 还有 js 都回答 即可
  </script>
</head>
  <style>
   dl{
      text-align:center;
      border:2px solid #008800;
      margin:30% 10% 0 0;
   }
   body {
   		width:100%;
   		height:100%;
   		background: url(../../../../static/img/bg_index.png);
   		background-position: top center;
   		background-repeat: no-repeat;
   		background-attachment: fixed;
   		background-size: cover;
   		background-color: pink;
   }
  </style>
  <body>
<div id="regist_form">
<dl>
    <form action="/index/user/toquestion" method="post">
    <input name="question" value="{$question}" style="display: none;"/>
    <input name="id" value="{$id}" style="display: none;"/>
    <input name="is_new" value="{$is_new}" style="display: none;"/>
    
	{if condition="$question eq 1"}
		<p>主干道点</p>
	{else /}
		{if condition="$question eq 2"}
			<p>阅览室点</p>
		{else /}
			{if condition="$question eq 3"}
				<p>3D打印室点</p>
			{else /}
				{if condition="$question eq 4"}
					<p>乒乓球室点</p>
				{else /}
					{if condition="$question eq 5"}
						<p>影视教室点</p>
					{else /}
						<p>书法教室点</p>
					{/if}
					
				
				{/if}
				
			
			{/if}
		
		{/if}
	
	{/if}
    
    
    {eq name="$is_new" value="10"} 
    	<dt>
		    <h1>恭喜您扫码成功！</h1>
		    <p>本次扫码获得10积分</p>
		</dt>
	{else /}
		<dt>
		    <h1>您已扫过该二维码！</h1>
		</dt>
	{/eq}
		
		
	{if condition="$question lt 6" }
		<dt>
		  <p><input type="submit" value="前往答题"></p>
		</dt>
	{/if}
    </form>
</dl>
</div>
  </body>
</html>